import React from 'react'
import { Outlet, NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { OrdersO, HomeO, DesktopO, UserCircleO, DiamondO } from '@react-vant/icons'
const App = () => {
  return (
    <div>
      <Outlet />

      <footer>
        <Tabbar>
          <Tabbar.Item icon={<HomeO />}><NavLink to="/">首页</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<DesktopO />}><NavLink to="/cxfw">出行服务</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<OrdersO />}><NavLink to="/order">订单</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<DiamondO />}><NavLink to="/tlhy">铁路会员</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<UserCircleO />}><NavLink to="/my">我的</NavLink></Tabbar.Item>
        </Tabbar>
      </footer>
    </div>
  )
}

export default App
